<template>
  <div class="sidebar">
    <Tree-view-item :menus='menus'></Tree-view-item>
  </div>
</template>
<script>
    import TreeViewItem from "./TreeViewItem";
    const menusData = [];
    export default {
        components: {
            TreeViewItem
        },
        name: "TreeViewMenu",
        data() {
            return {
                menus: this.$store.state.menusModule.menus
            };
        }
    };
</script>

<style scoped>
  /* 左侧样式 */
  .sidebar {
    position: absolute;
    width: 200px;
    top: 80px;  /* 距离上面50像素 */
    left: 0px;
    bottom: 0px;
    overflow-y: auto; /* 当内容过多时y轴出现滚动条 */
    background-color: #545c64;
  }
</style>
